<template>
  <div>
    <!-- closeable 模式，在右侧显示关闭按钮 -->
    <van-notice-bar mode="closeable" class="van-notice-bar" id="van-notice-bar--withicon">
    金标是个傻子，周大树每天写小黄诗！金标是个傻子，周大树每天写小黄诗！金标是个傻子，周大树每天写小黄诗！
    </van-notice-bar>
    
    
  </div>
</template>

<script>
export default {
  data: () => ({})
};
</script>

<style  scoped>
.van-notice-bar--withicon {
  position: relative;
  padding-right: 30px;
}
#van-notice-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #f85;
  padding: 9px 15px;
  font-size: 12px;
  line-height: 1.5;
  position: relative;
  background-color: #fff7cc;
}
.van-icon::before {
  display: inline-block;
}
.van-icon-close::before {
  content: "\F014";
}
</style>